html,body,main,.full{width: 100%; height: 100%;}
@media screen and (orientation: portrait) {
    body{
        width: 100%;height: 100%;
        transform-origin: top left;
        transform: rotate(90deg) translate(0,-100vmin);
    }
    *{font-max-size: 8pt;}
  }
@media screen and (orientation: landscape) {
    html{
        width : 100vmax;
        height : 100vmin;
    }
    body{
        width : 100vmax;
        height : 100vmin;
    }
}